<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map</title>
    <script src="https://lib.baomitu.com/echarts/5.4.2/echarts.js"></script>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        .po {
            position: absolute;
            left: 0px;
            top: 0px;
        }
    </style>
</head>

<body>
    <div class="po">text</div>
    <div id="map" style="width:100vw;height:100vh"></div>
</body>
<script>
    let mapJSON = { "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": { "adcode": 130425, "name": "大名县", "center": [115.152586, 36.283316], "centroid": [115.243924, 36.303893], "childrenNum": 0, "level": "district", "acroutes": [100000, 130000, 130400], "parent": { "adcode": 130400 } }, "geometry": { "type": "MultiPolygon", "coordinates": [[[[115.348587, 36.384634], [115.345995, 36.390119], [115.339983, 36.398092], [115.332572, 36.40217], [115.324882, 36.405094], [115.313509, 36.406629], [115.306098, 36.409096], [115.297438, 36.413471], [115.297114, 36.415583], [115.297793, 36.417783], [115.299853, 36.41979], [115.304378, 36.421718], [115.305443, 36.422608], [115.307122, 36.425088], [115.307558, 36.42873], [115.308867, 36.430774], [115.31044, 36.431807], [115.312063, 36.433576], [115.316908, 36.432572], [115.317176, 36.435633], [115.314554, 36.435884], [115.314534, 36.437385], [115.317034, 36.437213], [115.316847, 36.438877], [115.317674, 36.442573], [115.317156, 36.442627], [115.317704, 36.44542], [115.316847, 36.445708], [115.31781, 36.450026], [115.315132, 36.45067], [115.315431, 36.451598], [115.316456, 36.451753], [115.317075, 36.454027], [115.314721, 36.455034], [115.315294, 36.456146], [115.312672, 36.456802], [115.311733, 36.457354], [115.312474, 36.458975], [115.310394, 36.45951], [115.308786, 36.458562], [115.306559, 36.459151], [115.307391, 36.459907], [115.308015, 36.462616], [115.307761, 36.462996], [115.302861, 36.465713], [115.300269, 36.465884], [115.299285, 36.465428], [115.29683, 36.462867], [115.295394, 36.459924], [115.294197, 36.45908], [115.293218, 36.45908], [115.291392, 36.460585], [115.291711, 36.46384], [115.290727, 36.465378], [115.288972, 36.468985], [115.289078, 36.470774], [115.290321, 36.472015], [115.293761, 36.473319], [115.294709, 36.474405], [115.294324, 36.475596], [115.292254, 36.476256], [115.286365, 36.476386], [115.284767, 36.475512], [115.269487, 36.463067], [115.261574, 36.458453], [115.252225, 36.455665], [115.239761, 36.453103], [115.22815, 36.452597], [115.219338, 36.455774], [115.211668, 36.459418], [115.204871, 36.460773], [115.197779, 36.461211], [115.190713, 36.460505], [115.179953, 36.460246], [115.170026, 36.463648], [115.159764, 36.473009], [115.15324, 36.475278], [115.145007, 36.477769], [115.130798, 36.483209], [115.125087, 36.488002], [115.119126, 36.49327], [115.119735, 36.496829], [115.117188, 36.49716], [115.117777, 36.500602], [115.116585, 36.501228], [115.115565, 36.499608], [115.116011, 36.501195], [115.11417, 36.500936], [115.114312, 36.502578], [115.107317, 36.504015], [115.107677, 36.505326], [115.106302, 36.505619], [115.105232, 36.502461], [115.102751, 36.502853], [115.100798, 36.500359], [115.099358, 36.501049], [115.097861, 36.499357], [115.096344, 36.499674], [115.095594, 36.497373], [115.093757, 36.497945], [115.092646, 36.496554], [115.088309, 36.49759], [115.087721, 36.496286], [115.083901, 36.497464], [115.080314, 36.494536], [115.077737, 36.494904], [115.076094, 36.488641], [115.074496, 36.488754], [115.069393, 36.480025], [115.064345, 36.480757], [115.063341, 36.47733], [115.060003, 36.477944], [115.057538, 36.470481], [115.05349, 36.463849], [115.052866, 36.458123], [115.05, 36.453583], [115.046713, 36.451694], [115.044212, 36.450975], [115.04341, 36.451544], [115.040245, 36.450942], [115.039814, 36.45026], [115.040463, 36.448358], [115.039971, 36.44756], [115.036618, 36.446954], [115.035385, 36.446231], [115.032565, 36.439199], [115.025584, 36.437916], [115.024362, 36.438467], [115.024448, 36.440574], [115.023281, 36.440223], [115.013598, 36.44009], [115.012948, 36.441018], [115.01375, 36.4457], [115.011827, 36.445395], [115.011259, 36.443204], [115.009189, 36.443965], [115.009326, 36.445712], [115.00542, 36.445357], [114.995889, 36.445779], [114.994346, 36.445612], [114.993286, 36.444897], [114.992728, 36.443643], [114.992728, 36.43991], [114.991257, 36.438108], [114.987118, 36.435762], [114.983623, 36.434475], [114.976754, 36.43465], [114.976282, 36.432058], [114.978631, 36.432083], [114.979306, 36.431698], [114.979037, 36.429265], [114.97784, 36.429307], [114.978063, 36.427639], [114.981091, 36.421462], [114.983653, 36.418569], [114.986108, 36.417695], [114.988442, 36.415997], [114.988929, 36.414997], [114.988533, 36.413078], [114.991034, 36.412919], [114.99038, 36.410476], [114.988356, 36.41097], [114.987732, 36.410309], [114.987848, 36.406215], [114.996244, 36.405512], [114.995645, 36.401848], [115.002179, 36.401317], [115.004325, 36.399548], [115.003746, 36.397197], [115.005217, 36.396762], [115.00645, 36.40138], [115.007059, 36.401275], [115.007673, 36.399184], [115.006973, 36.395867], [115.016068, 36.397038], [115.017488, 36.395737], [115.021582, 36.388742], [115.021922, 36.387103], [115.021739, 36.384484], [115.025148, 36.376451], [115.028623, 36.369149], [115.040625, 36.362382], [115.045774, 36.358767], [115.049807, 36.353071], [115.053819, 36.347839], [115.058111, 36.344206], [115.064107, 36.340133], [115.072117, 36.333544], [115.077281, 36.326711], [115.078767, 36.317102], [115.079706, 36.306574], [115.080893, 36.299484], [115.082648, 36.29308], [115.084449, 36.280953], [115.086255, 36.266998], [115.087467, 36.256694], [115.088953, 36.247776], [115.089806, 36.237629], [115.095999, 36.225997], [115.099048, 36.222303], [115.103477, 36.220643], [115.108093, 36.220182], [115.111136, 36.219532], [115.113724, 36.21778], [115.11658, 36.214732], [115.12083, 36.212052], [115.124975, 36.209968], [115.142861, 36.209671], [115.150237, 36.20726], [115.15392, 36.205129], [115.156685, 36.201896], [115.156872, 36.199494], [115.156137, 36.197556], [115.156137, 36.19608], [115.156872, 36.194688], [115.160002, 36.193115], [115.166079, 36.191534], [115.170691, 36.190972], [115.175758, 36.192716], [115.178614, 36.193358], [115.181901, 36.19332], [115.182743, 36.195161], [115.184296, 36.193455], [115.184808, 36.194746], [115.185675, 36.195208], [115.187573, 36.195115], [115.187705, 36.195715], [115.189221, 36.19556], [115.189779, 36.19886], [115.191813, 36.198642], [115.191976, 36.2005], [115.194487, 36.200173], [115.195263, 36.202404], [115.196379, 36.202295], [115.196648, 36.205469], [115.198261, 36.206153], [115.198428, 36.207708], [115.196993, 36.207591], [115.19644, 36.210182], [115.197779, 36.210174], [115.198332, 36.211885], [115.201776, 36.212761], [115.20133, 36.210249], [115.202385, 36.209243], [115.208427, 36.209977], [115.208508, 36.209696], [115.202674, 36.209029], [115.202334, 36.206924], [115.203024, 36.206568], [115.202958, 36.204039], [115.21003, 36.204429], [115.213347, 36.203502], [115.222935, 36.198227], [115.231234, 36.196235], [115.24212, 36.19124], [115.249034, 36.185972], [115.260397, 36.171568], [115.264085, 36.158826], [115.266479, 36.154442], [115.272491, 36.145764], [115.276742, 36.140413], [115.279329, 36.137828], [115.284873, 36.135616], [115.294029, 36.133782], [115.298103, 36.132401], [115.301141, 36.130101], [115.302161, 36.1277], [115.301978, 36.122991], [115.299204, 36.113016], [115.297261, 36.109133], [115.296982, 36.107193], [115.29754, 36.104468], [115.303363, 36.095617], [115.307985, 36.090729], [115.313073, 36.088243], [115.318901, 36.086962], [115.323254, 36.086786], [115.329919, 36.089755], [115.333252, 36.09059], [115.334825, 36.090133], [115.341394, 36.087605], [115.342875, 36.087701], [115.34953, 36.090112], [115.359803, 36.095302], [115.365997, 36.099283], [115.369243, 36.102701], [115.372662, 36.109267], [115.374052, 36.120392], [115.375533, 36.125753], [115.376827, 36.127876], [115.377933, 36.128523], [115.387084, 36.128716], [115.390873, 36.128535], [115.392629, 36.129182], [115.39485, 36.132787], [115.395581, 36.135528], [115.397823, 36.135465], [115.397448, 36.136758], [115.399035, 36.140312], [115.400136, 36.140233], [115.400481, 36.142029], [115.399664, 36.142134], [115.400471, 36.143888], [115.396844, 36.146523], [115.398026, 36.148399], [115.399832, 36.148047], [115.400892, 36.151735], [115.401298, 36.151693], [115.402236, 36.153993], [115.403261, 36.153837], [115.404489, 36.159179], [115.405082, 36.159917], [115.406594, 36.159842], [115.405965, 36.159246], [115.405569, 36.15745], [115.405072, 36.157467], [115.404615, 36.155625], [115.407213, 36.155], [115.406781, 36.153229], [115.407598, 36.15312], [115.407284, 36.151563], [115.407674, 36.150837], [115.407111, 36.148546], [115.409206, 36.148294], [115.408816, 36.147581], [115.406193, 36.145071], [115.404357, 36.144106], [115.404357, 36.142528], [115.406736, 36.142608], [115.406614, 36.141475], [115.40804, 36.141328], [115.407786, 36.139561], [115.410312, 36.139276], [115.412762, 36.137962], [115.415715, 36.137593], [115.420052, 36.13842], [115.423653, 36.140354], [115.428716, 36.146494], [115.431298, 36.149167], [115.434256, 36.150178], [115.438953, 36.150359], [115.444203, 36.149339], [115.44715, 36.149331], [115.449646, 36.150157], [115.450925, 36.152096], [115.451117, 36.155235], [115.450285, 36.163269], [115.4513, 36.16973], [115.452411, 36.170745], [115.454339, 36.171664], [115.458021, 36.172025], [115.463916, 36.171274], [115.464925, 36.169978], [115.465844, 36.159082], [115.466949, 36.156493], [115.469988, 36.152885], [115.473483, 36.151215], [115.479002, 36.149536], [115.483553, 36.14897], [115.480656, 36.17174], [115.476618, 36.186987], [115.475969, 36.193035], [115.477262, 36.195803], [115.479104, 36.203092], [115.479104, 36.209557], [115.477262, 36.214086], [115.475974, 36.218891], [115.475883, 36.23205], [115.477085, 36.238417], [115.477272, 36.241255], [115.47607, 36.244926], [115.476517, 36.24651], [115.474477, 36.24695], [115.474209, 36.24812], [115.470642, 36.248761], [115.470653, 36.249075], [115.468045, 36.249545], [115.468096, 36.249859], [115.465382, 36.250374], [115.464489, 36.251343], [115.464611, 36.253425], [115.466168, 36.259158], [115.468131, 36.259476], [115.468309, 36.261957], [115.470186, 36.261777], [115.470368, 36.26259], [115.468395, 36.262866], [115.468933, 36.265368], [115.46767, 36.265552], [115.467827, 36.267886], [115.466919, 36.268519], [115.465169, 36.268582], [115.464793, 36.271158], [115.463388, 36.271292], [115.463429, 36.272382], [115.462632, 36.272541], [115.462704, 36.276106], [115.460142, 36.276932], [115.457661, 36.276739], [115.45516, 36.277267], [115.451396, 36.27531], [115.449824, 36.274254], [115.448398, 36.275076], [115.446684, 36.275453], [115.446116, 36.273768], [115.436351, 36.276353], [115.43667, 36.277815], [115.432622, 36.278544], [115.431354, 36.27965], [115.431425, 36.280807], [115.43071, 36.280949], [115.430943, 36.284439], [115.428178, 36.284966], [115.428493, 36.286219], [115.425535, 36.286667], [115.425586, 36.287262], [115.420625, 36.287827], [115.419732, 36.288527], [115.420153, 36.289872], [115.418586, 36.290663], [115.418413, 36.292263], [115.417074, 36.292791], [115.418175, 36.294952], [115.418215, 36.295794], [115.419286, 36.29553], [115.420042, 36.296347], [115.420894, 36.298525], [115.421548, 36.298416], [115.422953, 36.302596], [115.421193, 36.30304], [115.422137, 36.306884], [115.420407, 36.307739], [115.420808, 36.308991], [115.421766, 36.309615], [115.422162, 36.311529], [115.419382, 36.310896], [115.420194, 36.312215], [115.42135, 36.316574], [115.420792, 36.316784], [115.422928, 36.322185], [115.422106, 36.323839], [115.415009, 36.326565], [115.394637, 36.322587], [115.379378, 36.313807], [115.373438, 36.311947], [115.366651, 36.308928], [115.361248, 36.310729], [115.359777, 36.318735], [115.362877, 36.323337], [115.367113, 36.326795], [115.370481, 36.332773], [115.368716, 36.342611], [115.361015, 36.348977], [115.354162, 36.356494], [115.349581, 36.363106], [115.34952, 36.371354], [115.348587, 36.384634]]]] } }] };
    let mapDom = document.querySelector("#map");
    let myChart = echarts.init(mapDom, {}, { renderer: 'svg' });
    echarts.registerMap('大名县', mapJSON);
    let svgIcon = ``

    // 点的数据
    let points = [
        { value: [115.15362, 36.27994], itemStyle: { color: 'red' }, name: '11', total: 0, bj: 0, yj: 0, yx: 0, tj: 0, dw: 0 },
        { value: [115.4, 36.23], itemStyle: { color: 'red' }, name: '11', total: 0, bj: 0, yj: 0, yx: 0, tj: 0, dw: 0 },
    ]
    let lineToLf = [
        { name: '11', coords: [[115.15362, 36.27994], [115.4, 36.23]], lineStyle: { color: '#c1bb1f' } },
    ]
    let option = {
        geo: {
            map: '大名县',
            zoom: 0.8,
            tooltip: {
                show: false
            },
            label: {
                show: false
            },
            zoom: 1.03,
            silent: true, // 不响应鼠标时间
            show: true,
            roam: false, // 地图缩放和平移
            aspectScale: 0.75, // scale 地图的长宽比
            itemStyle: {
                borderColor: '#0FA3F0',
                borderWidth: 1,
                areaColor: '#00F1FF',
                shadowColor: 'rgba(1,34,73,0.48)',
                shadowBlur: 10,
                shadowOffsetX: -10, //
                shadowOffsetY: 10
            },
            select: {
                disabled: true
            },
            emphasis: {
                disabled: true,
                areaColor: '#00F1FF'
            },
            // 地图区域的多边形 图形样式 阴影效果
            // z值小的图形会被z值大的图形覆盖
            top: '10%',
            left: 'center',
            // 去除南海诸岛阴影 series map里面没有此属性
            z: 1
        },
        series: [
            {
                type: 'map',
                map: '大名县',
                zoom: 1,
                tooltip: {
                    show: false
                },
                label: {
                    show: true, // 显示省份名称
                    color: '#04CFF5',
                    align: 'center',
                    formatter: () => {
                        return `<div>123</div>`
                    }
                },
                top: '10%',
                left: 'center',
                aspectScale: 0.75,
                roam: false, // 地图缩放和平移
                itemStyle: {
                    borderColor: '#0FA3F0', // 省分界线颜色  阴影效果的
                    borderWidth: 1,
                    areaColor: '#065CAE',
                    opacity: 1
                },
                // 去除选中状态
                select: {
                    disabled: true
                },
                emphasis: { // 聚焦后颜色
                    disabled: false, // 开启高亮
                    label: {
                        align: 'center',
                        color: '#04CFF5'
                    },
                    itemStyle: {
                        color: '#ffffff',
                        areaColor: '#0a8bd8'// 阴影效果 鼠标移动上去的颜色
                    }
                },
                z: 2
            },
            // 点
            {
                name: 'companyPoint',
                type: 'effectScatter',
                coordinateSystem: 'geo',
                showEffectOn: 'render',
                // zlevel: 2, // zlevel用于 Canvas 分层 相同的绘制在同一个canvas上
                rippleEffect: {
                    number: 5, // 波纹数量
                    period: 4, // 动画周期 数值越大，波动越慢
                    scale: 3.5, // 动画中波纹的最大缩放比例
                    brushType: 'stroke' // 波纹的绘制方式 stroke fill
                },
                label: {
                    show: false,
                    position: 'right',
                    formatter: '{b}',
                    color: '#97e9e1',
                    fontSize: 14
                },
                effectType:'ripple',        //只有一个效果类型
                rippleEffect:{      //默认的 效果
                    number:0,
                    period:0,
                    scale:0
                },
                symbol: 'image://'+svgIcon,
                symbolSize: 100,
                data: points,
                z: 4
            },

            // 地图线的动画效果
            {
                name: 'arrowline',
                type: 'lines',
                // zlevel: 1,
                effect: {
                    show: true,
                    period: 3, // 箭头指向速度，值越小速度越快
                    trailLength: 0.1, // 特效尾迹长度[0,1]值越大，尾迹越长重
                    symbol: 'arrow', // 箭头图标
                    symbolSize: 6 // 图标大小
                },
                lineStyle: {
                    color: '#1DE9B6',
                    width: 2, // 线条宽度
                    opacity: 0.1, // 尾迹线条透明度
                    curveness: 0.2 // 尾迹线条曲直度
                },
                data: lineToLf,
                z: 3
            }

        ]
    }
    myChart.setOption(option);
    var seriesModel = myChart.getModel().getSeriesByIndex(1)
    // 获取地理坐标系实例
    var coordSys = seriesModel.coordinateSystem;
    // dataToPoint 相当于 getPosByGeo
    var point = coordSys.dataToPoint([115.15362, 36.27994]);
    console.log(point)
</script>

</html>